<template>
  <div class='container'>
    <h2>使用Excel文件批量导入</h2>
    <a-alert>支持生成「一人一链」，实时掌握每个用户点击行为，实现精准营销，提升点击转化。</a-alert>
    <a-row align='center' justify='center' style='margin-top: 20px;'>
      <a-col :span='12'>
        <a-button>下载文件模板</a-button>
      </a-col>
      <a-col :span='12'>
        <a-upload action='/'>
          <template #upload-button>
            <div
              style='
              background-color: #ececec;
        height: 158px;
        width: 380px;
        border-radius: 2px;
        line-height: 158px;
        text-align: center;'
            >
              <div>
                将文件拖到这里或
                <span style='color: #3370FF'> 点击上传</span>
              </div>
            </div>
          </template>
        </a-upload>
      </a-col>
    </a-row>
    <!--左边:上传文件-->
    
    <!--右边:下载excel模板文件-->
  
  </div>
</template>

<script setup>

</script>

<style scoped lang='less'>
.container {
  margin: 20px 10px;
  padding: 10px 20px 40px 20px;
  background-color: #fff;
}
</style>